<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>编辑模板</title>
    <script type="text/javascript">
      Ext.onReady(function(){
        var templateId=<%=params[:id]%>

        var taskTypeDS = new Ext.data.ArrayStore({
          fields: ['id','name'],
          data : taskTypeDataArray
        });
        var taskType = new Ext.form.ComboBox({  //配合上面的departmentDS，完成动态生成的下拉框
          store: taskTypeDS,
          hiddenName:'taskType',             //这是存到数据库的字段。也是回填时取得的值，取到这个参数值，并把值填在框上。
          displayField:'name',               //用于显示在表面上的值
          valueField:'id',                   //提交时，把当前选择的值作为控件的数值存到数据库。和displayField进行联动
          typeAhead: true,
          allowBlank:true,
          disable:true,
          minChars:1,
          readOnly:false,
          anchor: '90%',
          mode: 'local',                      //这里要用local，使用remote会出错（远程需要store带有proxy配置项）
          fieldLabel:'工作类型',
          forceSelection: true,
          triggerAction: 'all',
          emptyText:'请选择优工作类型.....',
          selectOnFocus:true
        });

        var editTemplateForm=new Ext.form.FormPanel({
          width:250,
          labelAlign: 'top',
          url:'/template/update',
          buttonAlign:'center',
          autoHeight:true,
          bodyStyle: 'padding:5px',
          labelWidth:100,
          frame: true,
          reader:new Ext.data.JsonReader({
          },[
            {name:'id'},
            {name:'name'},
            {name:'taskType',mapping:'sub_type'}
          ]
        ),
          items:[{
              xtype:'hidden',
              name:'id',
              value:''
            },{
              layout:'column',
              items:[{
                  columnWidth:1,
                  layout:'form',
                  items:[{
                      xtype:'textfield',
                      fieldLabel: '模板名称',
                      name: 'name',
                      allowBlank:false,
                      anchor:'90%'
                    },taskType]
                }]
            }],
          buttons:[{
              text:'确定',
              handler: function(){
                if (editTemplateForm.form.isValid()) {
<%#*this.setDisabled(true);                                       //设置按钮不可重复点击%>
              editTemplateForm.form.submit({
                method: 'post',
                waitMsg: '正在更新任务模板...',
                success: function(result, response){
                  if (response.result.info == "success") {
                    editTemplateWin.destroy();
                  }
                  else {
                    Ext.MessageBox.alert('消息', response.result.info);
<%#*this.setDisabled(false);                                //但发生错误返回时，提交按钮重新可以使用%>
                  }
                },
                failure: function(result, response){
                  Ext.MessageBox.alert('提示', result.responseText);
                }
              });
            }
            else {
              Ext.MessageBox.alert('错误提示', '请按要求填写必输选项.');
            }
          }
        },{
          text:'取消',
          handler:function(){
            editTemplateWin.destroy();
          }
        }]
    });
    editTemplateForm.form.load({
      url: '/template/edit?id=' + templateId,
      waitMsg: '正在载入数据...',
      success: function(form, action){
      },
      failure: function(form, action){
        Ext.MessageBox.alert('提示信息', '信息加载失败');
      }
    });
    editTemplateForm.render('editTemplateForm');
  })
    </script>
  </head>
  <body>
    <div id="editTemplateForm"></div>
  </body>
</html>
